<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <link rel="stylesheet" href="css/indexzhong.css">
</head>

<body>
  <section>
    <div class="banner">
      <!-- 奥运冠军跑鞋区域 -->
      <div class="banner1">
        <div class="center">
          <a href=""><img src="img/1.JPG" alt=""></a>
        </div>
      </div>
      <!-- 谷爱凌区域 -->
      <div class="banner2">
        <div class="center">
          <a href=""><img src="img/2.jpg" alt=""></a>
        </div>
      </div>
      <!-- 韩聪区域 -->
      <div class="banner3">
        <div class="center">
          <a href=""><img src="img/3.jpg" alt=""></a>
        </div>
      </div>
      <!-- 王一博区域 -->
      <div class="banner4">
        <div class="center">
          <a href=""><img src="img/4.jpg" alt=""></a>
        </div>
      </div>
      <!-- 男女区域 -->
      <div class="banner5">
        <div class="center">
          <a href=""><img src="img/5.jpg" alt=""></a>
        </div>
      </div>
      <!-- 关小彤区域 -->
      <div class="banner6">
        <div class="center">
          <div class="four">
            <a1 href="">
              <img src="img/9.jpg" alt="">
            </a1>
            <div class="upwang">
              <img src="img/9-1.jpg" alt="">
            </div>
            <a2 href="">
              <img src="img/10.jpg" alt="">
            </a2>
            <div class="upguan">
              <img src="img/10-1.jpg" alt="">
            </div>
            <a3 href="">
              <img src="img/11.jpg" alt="">
            </a3>
            <div class="upgg">
              <img src="img/11-1.jpg" alt="">
            </div>
            <a4 href="">
              <img src="img/12.jpg" alt="">
            </a4>
            <div class="uptang">
              <img src="img/12-1.jpg" alt="">
            </div>
          </div>

        </div>
      </div>
    </div>
    <!-- 小程序区域 -->
    <div class="banner7">
      <div class="center">
        <a href=""><img src="img/13.jpg" alt=""></a>
      </div>
    </div>
    </div>
    <!-- 猜你喜欢区域 -->
    <div class="like">
      <div class="center">
        <div class="Subtitle">
          <h2>猜你喜欢</h2>
          <a href="">即可选购</a>
        </div>
      </div>
    </div>
    <!-- 轮播图区域 -->
    <div class="picture">
      <!-- 上一个按钮 -->
      <div class="bth_pirve">
        < </div>

          <!-- 冠军系列区域 -->
          <div class="Short">
            <img src="img/14.jpg" alt="">
            <span>【冠军系列】安踏2022年北京冬奥运国旗款女短恤</span>
          </div>
          <div class="Short">
            <img src="img/15.jpg" alt="">
            <span>【冠军系列】冬奥特许商品国旗款女短袖POLO衫</span>
          </div>
          <div class="Short">
            <img src="img/16.jpg" alt="">
            <span>【冠军系列】安踏男子国旗款短袖针织T恤衫</span>
          </div>
          <div class="Short">
            <img src="img/17.jpg" alt="">
            <span>【安踏冠军健身训练系列】同款科技星火男子氮科技缓震跑步训练跑鞋</span>
          </div>
          <div class="Short">
            <img src="img/19.jpg" alt="">
            <span>【谷爱凌同款】[安踏冠军健身训练系
              列]安踏国家队科技男子跑步训练跑鞋</span>
          </div>
          <div class="Short">
            <img src="img/18.jpg" alt="">
            <span>【王-博同款】[安踏冠军训练系列]国家队科技力量男训练鞋</span>
          </div>
          <!-- 下一个按钮   -->
          <div class="bth_next"> > </div>
      </div>
      <!-- 关注我们区域 -->
      <div class="follow">
        <div class="center">
          <div class="we">关注我们</div>
          <p>抢先得知最新产品、独家消息及优惠资讯</p>
          <div class="weChat">
            <a href=""><img src="img/微信.jpg" alt=""></a>
            <a href=""><img src="img/微博.jpg" alt=""></a>
          </div>
        </div>
      </div>

  </section>

</body>

</html>
<script src="js/jQuery.js"></script>
<script src="js/header.js"></script>